/* Frontpage */
.front .top,.search .top{margin-bottom:16px;}
.slider-warp{ width:700px; height:210px; padding:10px; background-color:#FFF; margin-bottom:10px;}
.slides{display:none; }
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop { background-image: url(../images/btns-next-prev.png); background-repeat: no-repeat; display:block;  width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; position:relative; z-index:99; margin-top:-115px; }
a.slidesjs-next { margin-right:10px; background-position: -12px 0; float:right;}
a:hover.slidesjs-next { background-position: -12px -18px;}
a.slidesjs-previous { background-position: 0 0; margin-left:10px;}
a:hover.slidesjs-previous { background-position: 0 -18px;}

.main hgroup{padding: 20px;background: rgba(255,255,255,1);margin-bottom: 15px;line-height: 1;box-shadow: 0 1px 2px rgba(198,198,198,0.5);}
.main hgroup h1{margin:5px 0;color:#FF6D99;text-shadow:1px 1px 2px #A50031;font:bold 32px/1em Arial Narrow, Arial, sans-serif;}
.main hgroup h3{font-style:italic;font-weight:normal;font-size:18px;text-shadow:1px 1px 0 #fff;color:#888;margin:5px 0;}

section h2,
section .post-title{font:normal 24px/1.2 '\5FAE\8F6F\96C5\9ED1',Helvetica,Tahoma,Arial,sans-serif;}
section .category-title{ color:#666666; background:rgba(255,255,255,.9); box-shadow:0 1px 3px rgba(198,198,198,0.5); padding:10px 20px;margin-bottom:10px;}
section h3,
section h4{color:#000000; margin-bottom:0.6em; font-family:"Microsoft Yahei",Helvetica,Tahoma,Arial,sans-serif;}
section h3, section h3 span{font-size:18px; }
section h4, section h4 span{font-size:16px; }
section h5, section h5 span{font-size:14px; }
section p{margin-bottom:1em; text-align:left; }
section p em{font-style: italic;}
section p a,
section article li a,
section .content a{text-decoration:underline;}
section p a:hover,
section .content a:hover,
section .content a:hover span{color:#FF7300;}
section .content table{width:97%; margin: 0 auto 15px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
section .content th,
section .content td{padding:5px 8px; font-size:13px; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}
section .content th{font-weight:bold; background-color:#f2f2f2; text-align:center;}
section .content h1{color:#000000; margin-bottom: 0.6em; font-size:22px;}
section .content h2{color:#000000; margin-bottom: 0.6em; font-size:20px;}
section span#read-more{height:1; line-height:1; font-size:1;}
section .entry{position:relative}
section .entry .post-title{margin-bottom:0.5em; }
section .entry h3{font-size:16px; font-weight:normal; margin-bottom:2px;}
section .entry .article-image{line-height:1;overflow:hidden;width:152px;height:152px;border-radius:50%; margin-right:15px;margin-bottom:10px;padding-right: 0;border:6px solid #f8f8f8}
section .entry .article-image img{width:auto;max-width:none;}
section .entry li{/*padding: 5px 10px; margin-bottom: 10px;*/ line-height:180%;}
section .entry li a{text-decoration:underline;}
section .entry li a:hover{color:#FF7300;}
section .entry li strong{font-weight: bold; padding:0 2px;}
.blogs section .entry:after{position: absolute;right: 100%;top: 10px;border:10px solid transparent;content: " ";height: 0;width: 0;pointer-events: none;border-right-color: rgba(255,255,255,1);}

article{margin-bottom:15px; padding:20px; background:rgba(255,255,255,1); line-height:1; box-shadow:0 1px 2px rgba(198,198,198,0.5);-webkit-transition: top 1s ease, left 1s ease;-moz-transition: top 1s ease, left 1s ease;-o-transition: top 1s ease, left 1s ease;-ms-transition: top 1s ease, left 1s ease;}
article p, article p span, article p strong, article li, article blockquote{font:normal 14px/175% Helvetica,Tahoma,Arial,sans-serif; /*"Microsoft Yahei",Helvetica,Tahoma,Arial,sans-serif*/} 
article p{margin-bottom:1em;}
article p strong{font-weight:bold;}
article > p:last-child{margin-bottom:0;}
article h1.post-title{padding: 0 20px 10px;margin:0 -20px 5px;border-bottom:1px dotted #e4e4e4;}
article .post-title a:hover{color:#FF7300; text-decoration:none; }
article pre{font:normal 12px/1.5 Courier New,Tahoma,Arial; background-color:#F8F8F8; overflow: auto; margin-bottom: 1em; word-wrap: break-word; border: 1px dashed #EDEDED;}
article pre p{margin:0;} 
article blockquote{position:relative; border-left:2px solid #DDDDDD; padding-left:0.5em; margin-bottom: 0.8em; text-align:justify;}
article blockquote:before{/*content:"������"; position:absolute; left:-25px; top:5px;font-family:'\5b8b\4f53';font-size:36px;*/}
article blockquote, article blockquote p, article blockquote span{color:#999999;}
article img{max-width:100% /*680px*/;  height:auto; width: auto;}
article p img.img660{margin:0 auto; padding:10px; background-color:#F8F8F8; }
article .summary{padding:10px; margin-bottom:10px; background-color:#F8F8F8;}
article .summary p{margin:0;}
article .sp{margin-bottom:10px;}
article .relatived {border-top: 1px dotted #E4E4E4;padding: 10px 20px;margin: 0 -20px;}
article .relatived h2{font-size:20px;margin-bottom: 10px;}
article .relatived ul{ margin-left:0px; margin-bottom:0;}
article .relatived li{font-size:12px; line-height:150%; margin-bottom:0; padding: 5px 0px;}
article .relatived li:before{}
article .slide img{max-width:100%;}

article .timeline-box{overflow: hidden;width:100%;position:relative;padding-bottom: 10px;}
article .timeline-box:before{content: '';position: absolute;bottom:0;left: 12%;width:5px; height:100%;background-color: #F8F8F8;}
article .timeline-box:after{}
article .timeline-box dt{display: block;width: 10%;/*position: absolute;top:11px;*/ float:left; margin-top:1em; font-size: 14px;text-align:right;}
article .timeline-box dd{margin: 10px 0 0 15%;background-color: #F8F8F8;padding: 10px 15px;position: relative; border-radius: 5px;font-size:14px;}
article .timeline-box dd img{margin:5px 0;}
article .timeline-box dd strong{font-size:1.4em; margin-bottom:.5em; display:block;}
article .timeline-box dd:before{content:" "; width:10px;height:10px;position: absolute;background-color: #FFF;border-radius: 50%;box-shadow: 0 0 0 2px #EDEDED;left: -4%;top:6px;margin: 0;background-size: cover;}
article .timeline-box dd:after{right: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-right-color: #F8F8F8;border-width: 8px;top: 4px;}

.blogs article .author{position:absolute;left: -75px;top: -10px; width: 60px;height: 60px; border-radius:50%; background-image:url(../images/jing60.jpg); opacity:0.9; border:2px solid rgba(255,255,255,1)}
.blogs article .robin{background-image:url(../images/robin60.jpg);}
.blogs article .author:hover { opacity:1;}

/* Aside */
aside .introduce a { text-decoration:underline; }
aside  a:hover { text-decoration:underline; color:#FF7300; }
aside h2 ,aside h3 { font-weight:bold;margin-bottom:5px; }
aside h2 {font-size:18px;}
aside h3 {font-size:16px;margin:0 -15px; padding:5px 15px; background-color:rgba(233,233,233,.3);}
aside .search input[type=text]{width:80%; box-shadow: 0 0 2px #DDDDDD inset;height: 32px; }
aside .search input[type=text]:focus{box-shadow: 0 0 5px #DDDDDD;}
aside .search input.btn{width:20%; height: 32px; padding: 0.5em; box-shadow: 0 0 2px #DDDDDD inset; border: 1px solid #CCCCCC; border-left:0 none; vertical-align: middle;outline: none; background:url(../images/search.png) scroll no-repeat center center #E4E4E4; text-indent:-999em; overflow:hidden;}
aside .search input.btn:hover{box-shadow: 0 0 5px #DDDDDD;cursor:pointer;}
aside .widget{padding:0 15px 15px; }
aside .widget p{padding:5px 0; }
aside .proverbs p{background-color:#FF7700; color:#FFFFFF; margin:0 -15px;padding:.5em 15px; text-shadow:0 0 0}
aside .fixed{display:block; position: fixed; top: 15px; width:265px; margin:0;padding:10px 15px; background-color:rgba(255,255,255,1);}
aside .fixed li{ overflow:hidden;}
aside .archives{}
aside > div:last-child{margin-bottom:0;}
aside nav a{text-decoration:none;}
aside nav a:hover{text-decoration:underline; color:#FF7300; }
aside  nav li{padding:0.2em 0 0.2em 10px; }
aside li{margin:0 -15px; font-family:Helvetica,Tahoma,Arial,sans-serif; background:none no-repeat scroll 2px 8px transparent; border-bottom:1px solid #E9E9E9;}
aside li a{display:block;padding:0.5em 15px;text-decoration:none;}
aside li.active{position:relative;}
aside li.active:after{position: absolute;right: 0;top: -1px;border: 16px solid transparent;content: " ";height: 0;width: 0;pointer-events: none;border-right-color: rgba(233,233,233,.3);}
aside li a:hover{background-color:#FFFFFF; text-decoration:none; color:#FF7300;}

/* Comment */
.comment{margin-bottom: 10px;background-color:rgba(255,255,255,1); padding:15px 20px;box-shadow:0 1px 2px rgba(198,198,198,0.5)}
.comment h2{color:#666666;font-weight: normal;margin-bottom: 10px;font-size:20px}
.comment label{width:42px; height:32px;line-height:32px;}
.comment input[type=text],
.comment textarea{margin:0; outline: none;}
.comment textarea{ border-width:1px; border-color:#DDDDDD #E4E4E4 #E4E4E4 #DDDDDD; border-style:solid; height:146px}
.comment li{ border:1px dashed #DDDDDD; border-radius:5px; padding:10px; margin-bottom:1.2em; background-color: #f8f8f8;}
.comment li.even{ background-color:#F8F8F8; }
.comment p.small{font-size:11px; margin-bottom:0; text-align:right;}
.comment form p{ margin-bottom:10px; }
.comment .comment-write{ height:150px;  width:100%; }
.comment .comment-write textarea{width:100%; box-shadow: 0 0 2px #DDDDDD inset;}
.comment .comment-write textarea:focus{box-shadow: 0 0 5px #DDDDDD;}
.comment .remember label{float:none; padding:0; margin:0; background-color:#FFFFFF;color:#333333;}
.comments-wrapper {width:100%;}
.comments-wrapper .input-group{}
.comments-wrapper .input-group p{}
.comments-wrapper .input-group label{float:left;position: relative;margin-right: -42px; text-align:center;color: #999;}
.comments-wrapper .input-group input{width:70%; padding-left: 42px;}
.comments-wrapper .input-group input[type=text]{ box-shadow: 0 0 2px #DDDDDD inset;}
.comments-wrapper .input-group input[type=text]:focus{box-shadow: 0 0 5px #DDDDDD;}
.comments-wrapper .button-set .button{width:100px; height:30px; margin-bottom:10px;overflow:hidden; border:0 none; background-color: #3399CC;color:#FFF;}
.comments-wrapper .button-set .remember{display:block;width: 100%;margin-bottom:10px;}
.comments-wrapper .button-set .button:hover{background-color: #3399FF;}
.comments-wrapper .button-set  .preview .disabled,
.comments-wrapper .button-set  .submit .disabled{ background-color: #CCCCCC;}
.comments-wrapper .button-set .checkbox{width:auto;}
.comments-wrapper .note{clear:both; }
.comments-wrapper .required{color:#FF0000; }
ul.comments_error{background-color: #FFFFFF; margin:5px 0; padding: 2px 5px; border: 1px solid #C2D97A;}
ul.comments_error li{padding: 2px 0 2px 12px; margin-bottom: 0; border: 0 none; background: url(../images/dot.gif) no-repeat scroll 2px center transparent;}

/* Widget */
.twitter{ overflow: hidden; position:relative; height: 56px; margin-bottom: 15px; background:url(../images/arrow_line.gif) no-repeat scroll 66px -16px #FFFFFF; color: #888888; }
.twitter .avatar { float:left; display:inline; margin: 2px 0 0 10px;}
.twitter ul { width:590px; position:absolute; left:90px; top:0; }
.twitter li{border-bottom:1px dashed #F2F2F2; color:#666666; }
.twitter li a{ olor:#666666; }
.twitter li span{padding:0 5px; font-size:11px; color:#999999;}
#twitter-loading{ text-align:center; vertical-align:middle; margin-top: 20px; }
#twitter-loading img{ margin-right:10px; }

/* Grid Layout */
.grid-container{}
.grid-container a{ text-decoration:underline; }
.grid-container a:hover{ color:#FF7300; }
.grid-container h1{font-size:24px; font-weight:bold; color:#666666; text-align:center;border-bottom:1px solid #DDDDDD; }
.grid-container .item{border-bottom:1px solid #DDDDDD; }
.grid-container .item h3{padding: 5px 0px; margin-bottom:0}
.grid-container .item p{margin-bottom:0;}
.grid-container .time,
.grid-container .summary{float:left; }
.grid-container .time{color:#DDDDDD;  width:181px; text-align:center; font:bold 58px/1.8 Arial, Tohama}
.grid-container .summary{width:705px; padding-left:20px; display:inline; background-color:#FFF; }
.grid-container .items-list{background:url(../images/v_line.gif) repeat-y scroll 180px 0 transparent;}

/* Photos */
.albums .photo-cover {}
.albums .coverimg {display:block; margin:0 auto; padding:10px; line-height:1; background-color:#3399CC; }
.albums a:hover .coverimg {background-color:#FF7700; }
.photo-list{}
.photo-list p a{margin-right:13px;}
.photo-list p a.last{margin-right:0;}
.photo-list p a img{ border:0 none;}
.albums{}
.albums .page{/*background:url(../images/new_wall.gif) 0 0 repeat #f7f5f5;*/}
.albums a:hover, .albums a:active{text-decoration:none;}
.albums section .info{margin-bottom:40px;}
.albums section .info:after{position: absolute;left: 50%;bottom: -60px;border: 30px solid transparent;content: " ";height: 0;width: 0;margin-left: -30px;pointer-events: none;border-top-color: #FFFFFF;}
.albums article  .intro {margin:0.5em 0 20px; padding:0 10px;background-color: rgba(233,233,233,0.3);border: 1px dotted #E9E9E9;}
.albums section .entry .intro {margin-bottom:0;}
.albums article .intro p {margin:0.5em 0}
.albums article .post-title {text-align:center;overflow:hidden;margin:10px 0 20px;padding:0;border-bottom: 0 none;}
.albums article .post-title i{position:relative;}
.albums article .post-title i:before,.albums article  .post-title i:after{content: "";position: absolute;height: 0;border-bottom: 1px dotted #E9E9E9;top: 50%;width: 350px;}
.albums article .post-title i:before{right: 100%;margin-right: 15px;}
.albums article .post-title i:after{left: 100%;margin-left: 15px;}
.albums article .item{margin-bottom: 20px;}
.albums section .entry p{color:#666666;overflow: hidden;}
.albums section .caption{background-color: rgba(233,233,233,0.3); padding:10px;border: 1px dotted #E9E9E9;border-top:0 none;}
.albums section .caption h3{margin:-10px -10px 5px; padding:10px; border-bottom:1px dotted #E9E9E9;background-color: rgba(233,233,233,0.5); }
.albums section .caption p{font-size:12px;margin-bottom: 0;}
.albums section  .meta{border:0 none;margin:0 -10px; padding:5px 10px;text-align:right;color:#D4D4D4;font-style:italic; font-size:11px;}
.albums section  .imgholder {border: 1px dotted #E9E9E9;}
.albums section  .imgholder img{display:block; max-width:100%; height:auto; margin:0 auto;}
.albums .main aside.asidenav{display:none;}
.albums .main aside.fixed{display:block;position:fixed;top:0;margin-left:735px;}
.albums .comments-wrapper{width:100%;}

/* 404 */
.error-wrap{position:relative; height:450px; background:url(../images/error_01.jpg) no-repeat scroll 15px center #FFFFFF;}
.error-wrap .pre,
.error-wrap .next{position:absolute; top:185px; height:190px; width:380px; text-indent: -999em;}
.error-wrap .next{height:180px; top:195px;}
.error-wrap .pre:hover,
.error-wrap .next:hover{background:url(../images/error_02.jpg) no-repeat scroll 15px -150px transparent;}
.error-wrap .pre{left:0;}
.error-wrap .next{right:0;}
.error-wrap .next:hover{background-position:-605px -160px;}

.error-wrap section{width:100%;}
.error-wrap .error-info{margin-top:135px; height:260px;}
.error-wrap .error-msg{text-align:center;}
.error-wrap .error-status{height:30px; width:100px;  margin:0 auto; text-indent:-999em;}
.error-wrap .widget{position:absolute; top:245px; left:400px; z-index:99;}
.error-wrap .search input{width:180px;}

/* Resume */
.resume .main article{background:url('../images/resume/bg.jpg') no-repeat scroll center 0 #FFFFFF;}
.resume-wrap{position:relative;}
.resume-content{width:668px;}
.resume-header{height:103px; background:url('../images/resume/left_top.png') no-repeat scroll 0 0 transparent; text-indent: -999em;}
.resume-footer{height:135px; background:url('../images/resume/left_bot.png') no-repeat scroll 2px 0 transparent; text-indent: -999em;}
.resume-body{ background:url('../images/resume/left_bg.png') repeat-y scroll 2px 0 transparent;}
.resume-body h2{font-size:18px;}
.resume-body h3,
.resume-body h4{font-size:14px; font-weight:normal; }
.resume-body, .resume-body h2,.resume-body h3{color:#666666; font-weight:normal;}
.resume-body h2,.resume-body h3{margin-bottom: 10px; }
.resume-body p,
.resume-body a{text-align: left; color:#333333; }
.resume-body a{text-decoration:underline;}
.resume-body .tabs-con{padding:0 35px 10px 20px; min-height:700px; _height:700px; }
.resume-body .tabs-con .hidden{display:none;}
.resume-body .tabs-menu{float:right; display:inline; margin-top:170px; margin-right:-196px;margin-bottom:0; padding-top:2px; background:url('../images/resume/menu_line.png') no-repeat scroll 0 0 transparent; position:relative; z-index:999; }
.resume-body .tabs-menu .cufon{font-size:24px;}
.resume-body .tabs-menu ul{margin-left:0;}
.resume-body .tabs-menu ul,
.resume-body .tabs-menu li {background-image:none;}
.resume-body .tabs-menu a{overflow:hidden; text-decoration:none; font-size:14px; display:block; padding:6px 0 6px 20px; color:#333333; text-transform: uppercase;}
.resume-body .tabs-menu li{width:204px; padding:0 0 2px; background:url('../images/resume/menu_line.png') no-repeat scroll 0 bottom transparent; margin-bottom:0; line-height:1.5;}
.resume-body .tabs-menu li:before{padding:0;content:'';font-size:0;}
.resume-body .tabs-menu li.active a,
.resume-body .tabs-menu li a:hover{text-decoration:none; color:#100F0C; background:url('../images/resume/menu_bg.png') no-repeat scroll 0 0 transparent;margin-bottom:0; line-height:1.5;outline:none; }
.resume-body .tabs-menu li#resumZh a{font-family: 'Microsoft YaHei';}
.resume-avatar{width:217px; height:188px; background:url('../images/resume/contact_bg.png') no-repeat scroll 0 0 transparent; position:absolute; top: 48px;left: 680px;}
.resume-avatar .pic{padding-left:12px; padding-top:12px;}
.sns-links {padding:12px 12px 0 85px;}
.sns-links a{float:left; width:22px; height:22px; margin-left:5px; background:url('../images/resume/contact_icon.gif') no-repeat scroll 0 0 #FFFFFF; line-height:100px; overflow:hidden; border:1px solid #F8F8F8;}
.sns-links a:hover{border-color: #CCCCCC;}
.sns-links a.g{background-position: 0 0;}
.sns-links a.i{background-position: -30px 0;}
.sns-links a.f{background-position: -60px 0;}
.sns-links a.t{background-position: -90px 0;}

/* Calendar */
.calendar{}

/* tips */
.tips{ position:absolute; z-index: 999; background-color:#FFF9DD; border:1px solid #DDDDDD; padding:5px 10px; box-shadow: 2px 2px 8px 0px #f8f8f8;}
.tips p{ margin-bottom:0.6em;}
.tips .close{ background:url('../images/close.gif') no-repeat scroll top right transparent; float:right; width:15px; height:15px; display:block; line-height:60px; overflow:hidden; margin:-2px -5px 0 0; cursor:pointer;}
.tips-btn {height:25px;}
.tips-btn .iknow{ float:right; background-color:#7ABB0C; border-radius:3px; padding:3px 10px; color:#FFFFFF; cursor:pointer;}
.not-ie .tips-content{ height:30px;}
.not-ie{ width:698px; position:static; margin-bottom:10px;}
.not-ie p{color:#02550E;}
.not-ie .notice,.not-ie .browsers{height:30px;float:left;}
.not-ie .notice{padding-top:6px; height:24px;}
.not-ie .browsers a{float:left; margin-right:10px; height:30px; line-height:100px; overflow:hidden; width:30px; background:url('../images/browser.png') no-repeat scroll 0 0 transparent;}
.not-ie .browsers a.chrome{background-position:0 0;}
.not-ie .browsers a.ff{background-position:-33px 0;}
.not-ie .browsers a.opera{background-position:-64px 0;}
.not-ie .browsers a.safari{background-position:-94px 0;}

/* Icon on About page*/
.icon-g, .icon-t, .icon-fb, .icon-linkdein, .icon-amazon, .icon-tu{padding:1px 0 1px 18px; background:url('../images/icon_sns.gif') no-repeat scroll 0 0 transparent;}
.icon-g{background-position:0 -60px}
.icon-t{background-position:0 -119px}
.icon-tu{background-position:0 -180px}
.icon-fb{background-position:0 0}
.icon-linkdein{background-position:0 -150px}
.icon-amazon{background-position:0 -30px}

/* About Home*/
.about-home{}
.about-home h2{margin: 0 -20px 20px;padding: 0 20px 15px;border-bottom: 1px dotted #e4e4e4;color: #4D4D4D;}

/* About Career*/
.timeline-view .items-list{margin: 30px 0 0 0;padding: 0;list-style: none;position: relative;}
.timeline-view .items-list:before{content: '';position: absolute;top: 0;bottom: 0;width: 10px;background-color: #F8F8F8;left: 15%;margin-left: -10px;}
.timeline-view .item{position: relative;}
.timeline-view .item > .time{display: block;width: 10%;position: absolute;}
.timeline-view .item > .time > span{display:block;text-align:right;}
.timeline-view .item > .time > span:first-child{color: #FF7300;font-size: 14px;}
.timeline-view .item > .time > span:last-child{color: #E4E4E4;font-size: 11px;}
.timeline-view .item .clogo{width:40px;height:40px;position: absolute;background-color:#FFF;border-radius: 50%;box-shadow: 0 0 0 8px #EDEDED;left: 15%;top: 0;margin: 0 0 0 -25px;background-size:cover;}
.timeline-view .item .pcgroup{background-image:url(../images/pcgroup.jpg);}
.timeline-view .item .rib{background-image:url(../images/rib.jpg);}
.timeline-view .item .gmc{background-image:url(../images/gmc.jpg);}
.timeline-view .item .tenpay{background-image:url(../images/tenpay.jpg);}
.timeline-view .item .bysoft{background-image:url(../images/bysoft.jpg);}
.timeline-view .item .xiamen{background-image:url(../images/xiamen.jpg);}
.timeline-view .item .summary{margin: 0 0 15px 20%;background-color: #EDEDED; padding: 2em;position: relative; border-radius: 5px;}
.timeline-view .item:nth-child(even) .summary {background-color:#F2F2F2;}
.timeline-view .item .summary h3, .item .summary p , .item .summary li, .item .summary span, .item .summary a{color: #333333;font-size: 1.2em;font-weight: 300;line-height: 1.4;}
.timeline-view .item .summary h3 {font-size:24px;}
.timeline-view .item .summary h3 a{font-size:12px;padding:0 10px}
.timeline-view .item .summary ul{margin-left:0;}
.timeline-view .item .summary li{padding:3px 0; background:none; border-bottom:1px dotted #E4E4E4}
.timeline-view .item .summary .caps{font-size:1em;}
.timeline-view .item .summary:after{right: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-right-color: #EDEDED;border-width: 10px;top: 10px;}
.timeline-view .item:nth-child(even) .summary:after{border-right-color: #F2F2F2;}
@media screen and (max-width: 54em) {
	.timeline-view .items-list:before {display: none;}
	.timeline-view .item > .time {width: 100%;position: relative;	padding: 0 0 20px 0;}
	.timeline-view .item > .time > span {text-align: left;}
	.timeline-view .item .summary{	margin: 0 0 30px 0;	padding: 1em;	font-weight: 400;	font-size: 95%;	}
	.timeline-view .item .summary:after {	right: auto;left: 20px;	border-right-color: transparent;border-bottom-color: #EDEDED;	top: -20px;	}
	.timeline-view .item:nth-child(even) .summary:after {border-right-color:transparent;border-bottom-color:#F2F2F2;	}
	.timeline-view .item .clogo {width:48px; height:48px;	position: relative;float: right;left: auto;margin: -75px 5px 0 0px;}	
}
/* =Structure
----------------------------------------------- */
.page_navi{overflow:hidden;width:100%;text-align:center}
.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}
.page_navi a:hover,.page_navi a.current{border:1px solid #1e90ff;color:#4682b4;font-weight:bolder}

/* Timeline */
.timeline .main section{width:100%;float: none;}
/* Colour box*/
#colorbox article .post-title{font-size: 2em;position: relative;font-weight: 400;padding: 0 20px 10px;margin: 0 -20px 5px;border-bottom: 1px dotted #e4e4e4;}
#colorbox article .post-title,
#colorbox article{background:rgba(255,255,255,1);}
#colorbox article{margin-bottom:0;}

@media screen and (max-width : 1280px) {
  body{
    overflow:auto;
  }
}
@media screen and (max-width:1024px){
  .main aside {/*display:none;*/}  
  .main, .top header, .bottom footer{width:auto;}  
  .main section{width:70%}
  .main aside{width:29%}
  .one-column .main section{width:100%}
  /*.albums .container{width:100%}*/
}
@media screen and (max-width : 960px) {
  .footer-left,.footer-left .box{width:auto;}
  .top header, .main, .bottom footer{width:auto;}
  .top{background-color:transparent}
  header nav.mainnav, header .site-name{display:none;}
  .gn-menu-main{display:block;}
  aside .fixed{top: 73px;}
}
@media screen and (max-width : 800px) {
  .main section,
  .main aside{width:100%;}
  .main aside .widget{float: left;width: 30%;}
  aside .archives {height: auto;}
  .gotop, #latest-articles, #latest-photos{display:none;}
}
@media screen and (max-width : 720px) {
  .main article{width:auto;}
  .main aside .widget{width:50%;}
  .albums .container{width:720px;}
  .comments-wrapper{width:auto;}
  .comment .comment-write,.comments-wrapper .input-group{float:none;}
  .comment .comment-write,.comments-wrapper .input-group{width: 100%;}
  .comment label{float:none;}
  .pager-nav p.next,.pager-nav p{float:none; width:auto; text-align:left;}
  .footer-right{float:none;}
}
@media screen and (max-width : 640px) {
  .main aside .widget{width:100%;}
  aside .search input[type=text]{width:100%;}
  aside .search input.btn{display:none;}
  .albums .container{width:640px;}
}
@media screen and (max-width : 480px) {
  .footer-left {border-bottom:1px solid #E4E4E4; margin-bottom:10px; }
  .footer-left .box{width:auto; }
  .main article .float-left{float:none;text-align:center;padding-right:0;}
  .main .entry .article-image{width:auto;height:auto;border-radius:0%; margin-right:0;}
  .main .entry .article-image img{width:100%}
	.gn-menu-wrapper.gn-open-all {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    width: 100%;
	}
	.gn-menu-wrapper.gn-open-all .gn-scroller {
    width: 130%
	}
  .gn-menu-main li.sitename span{display:none;}
  .gn-menu-main li.sitename .gn-icon {
    width:50px;
    height:50px;
    margin-top:5px; 
    border-radius:50%;
    background-size: cover;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image:url('../images/avatar.jpg');
    display:inline-block;  
  }
}